<template>
	<div class="result">
		<el-carousel trigger="click" :autoplay="true" :interval="intervalTime" height="100vh" style="width: 100%;" @change="carouselChange">
			<el-carousel-item>
				<div class="muwei">
					<!-- <div class="muweiF1 muweiF1Bg1">惠民服务查询</div> -->
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>惠民服务查询</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<div id="muweiTable1">
						<el-table :data="mydata3" border class="tableClass" id="hmfwTable">
							<el-table-column prop="project" label="服务项目" min-width="400"></el-table-column>
							<el-table-column prop="unit" label="单位" min-width="120"></el-table-column>
							<el-table-column prop="remarks" label="备注" min-width="800"></el-table-column>
						</el-table>
					</div>
				</div>
			</el-carousel-item>

			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>基本殡仪服务清单</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<div id="muweiTable2">
						<el-table :data="mydata5" :span-method="objectSpanMethod1" border class="tableClass" id="jbbyfwTable">
							<el-table-column prop="index" label="序号" min-width="80"></el-table-column>
							<el-table-column prop="name" label="收费名称" min-width="100"></el-table-column>
							<el-table-column prop="content" label="服务内容" min-width="200"></el-table-column>
							<el-table-column prop="project" label="服务项目" min-width="100"></el-table-column>
							<el-table-column prop="unit" label="计价单位" min-width="100"></el-table-column>
							<el-table-column prop="standard" label="收费标准" min-width="100"></el-table-column>
							<el-table-column prop="remarks" label="备注" min-width="400"></el-table-column>
						</el-table>
					</div>
				</div>
			</el-carousel-item>
			
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>殡葬用品清单</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<div id="muweiTable3">
						<el-table :data="mydata7" border class="tableClass" id="bzypTable">
							<el-table-column type="index" label="序号" width="200"></el-table-column>
							<el-table-column prop="project" label="项目" min-width="100"></el-table-column>
							<el-table-column prop="unit" label="单位" min-width="70"></el-table-column>
							<el-table-column prop="remarks" label="备注" min-width="400"></el-table-column>
						</el-table>
					</div>
				</div>
			</el-carousel-item>
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>办丧流程查询</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<FuneralProcess />

					<!-- <div id="mwContent">
						<div class="mw-content" id="bslcContent">
							<el-row :gutter="20">
								<el-col :span="24">1.接线组接听丧属电话并进行信息登记;遗体接运</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="3">2.死亡原因:</el-col>
								<el-col :span="7">A:正常死亡</el-col>
								<el-col :span="14">B:非正常死亡</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="3">2-1.正常死亡:</el-col>
								<el-col :span="7">A.医院出具死亡证明(医院内死亡)</el-col>
								<el-col :span="14">B.公安局出具死亡证明(非医院内死亡)</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">2-2.非正常死亡: 公安局出具死亡证明</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">3.遗体接运到馆</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">4.个性化治谈选用服务项目(自愿选择)</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">5.遗体火化</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">6.结账</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="24">7.骨灰领取</el-col>
							</el-row>
							<el-row :gutter="20">
								<el-col :span="3">8.领取火化证</el-col>
								<el-col :span="7">8-1.骨灰寄存</el-col>
								<el-col :span="14">8-2.骨灰安葬</el-col>
							</el-row>
						</div>
					</div> -->
				</div>
			</el-carousel-item>

			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>昆明西郊殡仪馆概况</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<About :isScroll="isScroll2" />
				</div>
			</el-carousel-item>
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>服务项目清单</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<div id="muweiTable4">
						<el-table :data="mydata6" :span-method="objectSpanMethod2" border class="tableClass" id="fwqdTable">
							<el-table-column prop="index" label="序号" min-width="80"></el-table-column>
							<el-table-column prop="project" label="服务项目" min-width="140"></el-table-column>
							<el-table-column prop="other" label="" min-width="100"></el-table-column>
							<el-table-column prop="unit" label="计价单位" min-width="90"></el-table-column>
							<el-table-column prop="standard" label="收费标准" min-width="90"></el-table-column>
							<el-table-column prop="remarks" label="备注" min-width="240"></el-table-column>
						</el-table>
					</div>
				</div>
			</el-carousel-item>
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>政策查询</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<Policy :isScroll="isScroll1" />
				</div>
			</el-carousel-item>
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>治丧告知书</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<FuneralNotice :isScroll="isScroll3" />
				</div>
			</el-carousel-item>

			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>馆内地图</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<Map />
				</div>
			</el-carousel-item>
			<el-carousel-item>
				<div class="muwei">
					<div class="muweiF1 muweiF1Bg1">
						<div class="muweiF1-text-1">
							<img src="@/assets/logo.png" class="my-img" />
							<div>昆明市西郊殡仪馆</div>
						</div>
						<div>满意度调查</div>
						<div class="muweiF1-text-2">{{ nowDate }}</div>
					</div>
					<Complain />
				</div>
			</el-carousel-item>

		</el-carousel>
		
		<!-- <div style="position: fixed;bottom: 50px;left: 50px;font-size: 60px;cursor: pointer;" class="iconfont icon-fanhui" @click="back"></div> -->
	</div>
</template>

<script>
import '@/assets/font/iconfont.css'
import About from '@/components/About.vue'
import Complain from '@/components/Complain.vue'
import FuneralNotice from '@/components/FuneralNotice.vue'
import Policy from '@/components/Policy.vue'
import Map from '@/components/Map.vue'
import FuneralProcess from '@/components/FuneralProcess.vue'

import { getDateTime } from '@/utils/utils'
export default {
	name: 'Resutl',
	components: {
		About,
		Complain,
		FuneralProcess,
		FuneralNotice,
		Policy,
		Map
	},
	data(){
		return{
			nowDate: '',
			mydata3: [
				{
					project: '咨询、接待、引导服务',
					unit: '次',
					remarks: '接待大厅现场免费提供：免费接待，休息区，休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、桶装矿泉水（热水、冷水）、烟灰缸，纸巾，雨伞、手推车、轮椅等。',
				},
				{
					project: '瞻仰逝者遗体',
					unit: '次',
					remarks: '免费接待并使用：休息区，休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、烟灰缸，纸巾，雨伞、手推车、轮椅等。',
				},
				{
					project: '祭祀悼念区',
					unit: '次',
					remarks: '家属自行举行遗体悼念活动，免费使用祭祀场所、祭祀台、遗像台、祭祀香炉、免洗酒精消毒液、水果盘及水果贡品、工具车。',
				},
				{
					project: '独立待焚间',
					unit: '间',
					remarks: '免费使用待焚间、祭祀台、遗像台、免洗酒精消毒液、垃圾桶等，服务人员免费整理、推送遗体。',
				},
				{
					project: '公共休息室',
					unit: '间',
					remarks: '免费提供休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、桶装矿泉水（热水、冷水）、烟灰缸，雨伞、手推车、轮椅等。',
				},
				{
					project: '祭奠费',
					unit: '次',
					remarks: '骨灰寄存室取未落葬骨灰祭奠。',
				},
				{
					project: '逝者资料档案、相关证明材料补办',
					unit: '次',
					remarks: '经办人需提供有关火化证明、死亡证明等',
				},
				{
					project: '火化结束办理手续、领取火化证件',
					unit: '次',
					remarks: '引导人员全程免费陪同、引导家属办理火化证明交给经办人自行保管',
				},
			],
			mydata5: [
				{
					index: '1',
					name: '火化',
					content: '抬尸进炉、火化、骨灰装盒等服务环节',
					project: '平板炉',
					unit: '具',
					standard: '380元',
					remarks: '火化炉类型由丧属自主选择，禁止强制指定火化炉，12岁以下儿童遗体火化费实行减半收费。',
				},
				{
					index: '1',
					name: '火化',
					content: '抬尸进炉、火化、骨灰装盒等服务环节',
					project: '拣灰炉',
					unit: '具',
					standard: '700元',
					remarks: '火化炉类型由丧属自主选择，禁止强制指定火化炉，12岁以下儿童遗体火化费实行减半收费。',
				},
				{
					index: '2',
					name: '运尸（遗体接送）',
					content: '包括遗体收敛，将遗体运至殡仪馆',
					project: '中档型殡仪车',
					unit: '具',
					standard: '360元',
					remarks: '殡仪车由丧属自主选择，禁止指定殡仪车型并收费，丧属搭乘运尸车不得再收取任何费用。1、中档轿车型殡仪车(购置及改装费用在10万元至20万元，含20万元)往返20公里(含20公里)以内的运尸费收费标准为每车次360元，超过20公里的每增加1公里加收3元；2、高档轿车型殡仪车(购置及改装费用在20万元以上)往返20公里(含20公里)以内的运尸费收费标准为每车次560元，超出20公里的每增加1公里加收4元；3、长途运载尸体往返200公里以上的，收费标准由双方协商确定。',
				},
				{
					index: '2',
					name: '运尸（遗体接送）',
					content: '包括遗体收敛，将遗体运至殡仪馆',
					project: '高档型殡仪车',
					unit: '具',
					standard: '560元',
					remarks: '殡仪车由丧属自主选择，禁止指定殡仪车型并收费，丧属搭乘运尸车不得再收取任何费用。1、中档轿车型殡仪车(购置及改装费用在10万元至20万元，含20万元)往返20公里(含20公里)以内的运尸费收费标准为每车次360元，超过20公里的每增加1公里加收3元；2、高档轿车型殡仪车(购置及改装费用在20万元以上)往返20公里(含20公里)以内的运尸费收费标准为每车次560元，超出20公里的每增加1公里加收4元；3、长途运载尸体往返200公里以上的，收费标准由双方协商确定。',
				},
				{
					index: '3',
					name: '遗体存放',
					content: '提供冷藏存放服务',
					project: '提供冷藏存放服务',
					unit: '天',
					standard: '72元',
					remarks: '',
				},
				{
					index: '4',
					name: '骨灰寄存',
					content: '单间骨灰寄存（含骨灰寄存证明）',
					project: '单间骨灰寄存（含骨灰寄存证明）',
					unit: '月',
					standard: '17元',
					remarks: '首次寄存不超过15天（含15天）的，可免费寄存',
				},
			],
			mydata6: [
				{
					index: '1',
					project: '遗体脱、穿、洗',
					other: '正常死亡',
					unit: '具',
					standard: '460元',
					remarks: '包含场地、遗体的清洗、消毒及工作人员的 防护卫生服装等',
				},
				{
					index: '1',
					project: '遗体脱、穿、洗',
					other: '非正常死亡',
					unit: '具',
					standard: '面议',
					remarks: '根据损伤程度，经双方协商签字认可后定价',
				},
				{
					index: '2',
					project: '遗体整容、化妆',
					other: '正常死亡',
					unit: '具',
					standard: '180元',
					remarks: '包含理发、修面、女性梳头、化妆',
				},
				{
					index: '2',
					project: '遗体整容、化妆',
					other: '非正常死亡',
					unit: '具',
					standard: '面议',
					remarks: '根据损伤程度，经双方协商签字认可后定价（含缝合）',
				},
				{
					index: '3',
					project: '一次性尸袋',
					other: '正常死亡',
					unit: '个',
					standard: '180元',
					remarks: '提供一次性尸袋包扎遗体及消毒处理',
				},
				{
					index: '3',
					project: '一次性尸袋',
					other: '非正常死亡',
					unit: '个',
					standard: '260元',
					remarks: '提供一次性尸袋包扎遗体及消毒处理',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '小厅',
					unit: '间/场',
					standard: '460元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '中厅',
					unit: '间/场',
					standard: '660元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '大厅',
					unit: '间/场',
					standard: '860元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '4',
					project: '悼念厅',
					other: '特大厅',
					unit: '间/场',
					standard: '1160元',
					remarks: '提供音响设备、供桌等相应悼念设施、设备和用品',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '低档',
					unit: '个',
					standard: '390元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '中档',
					unit: '个',
					standard: '580元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '中档',
					unit: '个',
					standard: '880元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '高档',
					unit: '个',
					standard: '1600元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '5',
					project: '骨灰盒',
					other: '高档',
					unit: '个',
					standard: '2660元',
					remarks: '根据材质、工艺分类定价',
				},
				{
					index: '6',
					project: '纸棺',
					other: '低档',
					unit: '口',
					standard: '460元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '6',
					project: '纸棺',
					other: '中档',
					unit: '口',
					standard: '760元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '6',
					project: '纸棺',
					other: '高档',
					unit: '口',
					standard: '1060元',
					remarks: '根据材质、工艺定价，可随遗体火化',
				},
				{
					index: '7',
					project: '使用遗体清洗、解剖室',
					other: '',
					unit: '次',
					standard: '160元',
					remarks: '自行清洗遗体，提供清洗台及其它配套设施、设备、使用后卫生消毒',
				},
				{
					index: '8',
					project: '石棉垫',
					other: '',
					unit: '块',
					standard: '120元',
					remarks: '一次性石棉卫生垫，用于拣灰炉火化',
				},
				{
					index: '9',
					project: '炉前告别间',
					other: '',
					unit: '次',
					standard: '680元',
					remarks: '提供：跪垫、供桌、香炉、青香、供果盘、茶水、一次性纸杯等',
				},
				{
					index: '10',
					project: '守灵室',
					other: '',
					unit: '间/天',
					standard: '360元',
					remarks: '提供：冰棺、电子香、电子蜡、灵台、休息桌、椅等。',
				},
				{
					index: '11',
					project: '骨灰识别牌',
					other: '',
					unit: '块',
					standard: '78元',
					remarks: '遗体入炉火化确认牌，后放进骨灰盒可识别骨灰使用',
				},
				{
					index: '12',
					project: '遗物处理',
					other: '',
					unit: '家',
					standard: '100元',
					remarks: '为相应国家环保政策，限定20公斤内',
				},
			],
			mydata7: [
				{
					project: '平板炉纸垫',
					unit: '张',
					remarks: '一次性纸质卫生垫，用于平板炉火化',
				},
				{
					project: '遗体识别卡',
					unit: '个',
					remarks: '手环绑带，用于辨别遗体',
				},
				{
					project: '捡灰托盘',
					unit: '次',
					remarks: '不锈钢装灰托盘。',
				},
				{
					project: '小白花',
					unit: '朵',
					remarks: '根据丧属需求，免费赠送。',
				},
				{
					project: '白信封',
					unit: '个',
					remarks: '业务办理结束、根据丧属需求，免费赠送。',
				},
				{
					project: '绢花花圈',
					unit: '个',
					remarks: '根据丧属需求，免费使用。',
				},
				{
					project: '黑纱',
					unit: '米',
					remarks: '根据丧属需求，免费使用。',
				},
			],
			interval1: '',
			interval2: '',
			interval3: '',
			interval4: '',
			// interval5: '',
			isScroll1: false,
			isScroll2: false,
			isScroll3: false,
			intervalTime: 140000,
		}
	},
	created() {
		this.nowDate = getDateTime()

		setInterval(() => {
			this.nowDate = getDateTime()
		}, 1000 * 60);
	},
	mounted() {
		this.scrollView2()
	},
	beforeDestroy() {
		clearInterval(this.interval1)
		clearInterval(this.interval2)
		clearInterval(this.interval3)
		clearInterval(this.interval4)
		// clearInterval(this.interval5)
	},
	methods:{
		scrollView1() {
			this.$nextTick(()=>{
				let fwqdTable = document.getElementById('fwqdTable')	
				let muweiTable4 = document.getElementById('muweiTable4')	
				let startL = -muweiTable4.offsetHeight
				this.interval1 = setInterval(() => {
					this.$nextTick(() => {
						startL+=1
						if (startL >= (fwqdTable.scrollHeight)) {
							startL = -muweiTable4.offsetHeight
						}
						fwqdTable.style.top = -startL + 'px'//上移高度
					})
					
				}, 30)
			})
		},
		scrollView2() {
			this.$nextTick(()=>{
				let hmfwTable = document.getElementById('hmfwTable')	
				let muweiTable1 = document.getElementById('muweiTable1')	
				let startL = -muweiTable1.offsetHeight
				this.interval2 = setInterval(() => {
					this.$nextTick(() => {
						startL+=1
						if (startL >= (hmfwTable.scrollHeight)) {
							startL = -muweiTable1.offsetHeight
						}
						hmfwTable.style.top = -startL + 'px'//上移高度
					})
					
				}, 30)
			})
		},
		scrollView3() {
			this.$nextTick(()=>{
				let jbbyfwTable = document.getElementById('jbbyfwTable')	
				let muweiTable2 = document.getElementById('muweiTable2')	
				let startL = -muweiTable2.offsetHeight
				this.interval3 = setInterval(() => {
					this.$nextTick(() => {
						startL+=1
						if (startL >= (jbbyfwTable.scrollHeight)) {
							startL = -muweiTable2.offsetHeight
						}
						jbbyfwTable.style.top = -startL + 'px'//上移高度
					})
					
				}, 30)
			})
		},
		scrollView4() {
			this.$nextTick(()=>{
				let bzypTable = document.getElementById('bzypTable')	
				let muweiTable3 = document.getElementById('muweiTable3')	
				let startL = -muweiTable3.offsetHeight
				this.interval4 = setInterval(() => {
					this.$nextTick(() => {
						startL+=1
						if (startL >= (bzypTable.scrollHeight)) {
							startL = -muweiTable3.offsetHeight
						}
						bzypTable.style.top = -startL + 'px'//上移高度
					})
					
				}, 30)
			})
		},
		// scrollView5() {
		// 	this.$nextTick(()=>{
		// 		let bslcContent = document.getElementById('bslcContent')	
		// 		let mwContent = document.getElementById('mwContent')	
		// 		let startL = -mwContent.offsetHeight
		// 		this.interval5 = setInterval(() => {
		// 			this.$nextTick(() => {
		// 				console.log('scrollView5')
		// 				console.log(bslcContent.style.top)
		// 				startL+=1
		// 				if (startL >= (bslcContent.scrollHeight)) {
		// 					startL = -mwContent.offsetHeight
		// 				}
		// 				bslcContent.style.top = -startL + 'px'//上移高度
		// 			})
					
		// 		}, 30)
		// 	})
		// },
		carouselChange(index) {
			if (index == 0) {
				this.intervalTime = 140000
				this.scrollView2()
			} else {
				clearInterval(this.interval2)
			}
			if (index == 1) {
				this.intervalTime = 140000
				this.scrollView3()
			} else {
				clearInterval(this.interval3)
			}
			if (index == 2) {
				this.intervalTime = 70000
				this.scrollView4()
			} else {
				clearInterval(this.interval4)
			}
			// if (index == 3) {
			// 	this.intervalTime = 70000
			// 	this.scrollView5()
			// } else {
			// 	clearInterval(this.interval5)
			// }
			if (index == 4) {
				this.intervalTime = 420000
				this.isScroll2 = true
			} else {
				this.isScroll2 = false
			}
			if (index == 5) {
				this.intervalTime = 490000
				this.scrollView1()
			} else {
				clearInterval(this.interval1)
			}
			if (index == 6) {
				this.intervalTime = 1890000
				this.isScroll1 = true
			} else {
				this.isScroll1 = false
			}
			if (index == 7) {
				this.intervalTime = 130000
				this.isScroll3 = true
			} else {
				this.isScroll3 = false
			}
			if (index == 3 ||index == 8 || index == 9) {
				this.intervalTime = 20000
			} 

		},
		back(){
			this.$router.back()
		},
		objectSpanMethod1({ row, column, rowIndex, columnIndex }) {
			if ((columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 6) && (rowIndex === 0 || rowIndex === 1 || rowIndex === 2 || rowIndex === 3)) {
				if (rowIndex === 0) {
					return {
						rowspan: 2,
						colspan: 1
					}
				} else if (rowIndex === 1) {
					return {
						rowspan: 0,
						colspan: 0
					}
				} else if (rowIndex === 2) {
					return {
						rowspan: 2,
						colspan: 1
					}
				} else if (rowIndex === 3) {
					return {
						rowspan: 0,
						colspan: 0
					}
				}
			}else if ((rowIndex === 4 || rowIndex === 5) && (columnIndex === 2 || columnIndex === 3)) {
				console.log(rowIndex)
				if (columnIndex === 2) {
					console.log(row)
					return {
						rowspan: 1,
						colspan: 2
					}
				} else if (columnIndex === 3) {
					return {
						rowspan: 0,
						colspan: 0
					}
				}
			} else {
				return {
					rowspan: 1,
					colspan: 1
				}
			}
		},
		objectSpanMethod2({ row, column, rowIndex, columnIndex }) {
			if (rowIndex < 18) {
				if (columnIndex === 0 || columnIndex === 1 || columnIndex === 3 || columnIndex === 5) {
					if (rowIndex === 0) {
						return {
							rowspan: 2,
							colspan: 1
						}
					} else if (rowIndex === 1) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 2) {
						return {
							rowspan: 2,
							colspan: 1
						}
					} else if (rowIndex === 3) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 4) {
						return {
							rowspan: 2,
							colspan: 1
						}
					} else if (rowIndex === 5) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 6) {
						return {
							rowspan: 4,
							colspan: 1
						}
					} else if (rowIndex === 7) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 8) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 9) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 10) {
						return {
							rowspan: 5,
							colspan: 1
						}
					} else if (rowIndex === 11) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 12) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 13) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 14) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 15) {
						return {
							rowspan: 3,
							colspan: 1
						}
					} else if (rowIndex === 16) {
						return {
							rowspan: 0,
							colspan: 0
						}
					} else if (rowIndex === 17) {
						return {
							rowspan: 0,
							colspan: 0
						}
					}
				}
			} else {
				if (columnIndex === 1) {
					return {
						rowspan: 1,
						colspan: 2
					}
				} else if (columnIndex === 2) {
					return {
						rowspan: 0,
						colspan: 0
					}
				}
			}
			
			
		},
	}
}
</script>
<style scoped lang="scss">
	.result{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
	}
	.result::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../assets/bg1.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		filter: blur(10px);
		z-index: -1;
	}
	.muwei{
		height: 100%;
		// background-color: #fff;
		background-color: rgb(38, 80, 144);
		display: flex;
		flex-direction: column;
		.muweiF1{
			font-size: 50px;
			width: 100%;
			position: relative;
			z-index: 1000;
			display: flex;
			justify-content: space-around;
			.muweiF1-text-1, .muweiF1-text-2 {
				display: flex;
				align-items: center;
				font-size: 30px;
			}
			
			.my-img {
				width: 50px;
				height: 50px;
			}
		}
		.muweiF1Bg1{
			color: #FFF;
			background-color: #66b1ff;
		}
		
		#muweiTable1, #muweiTable2, #muweiTable3, #muweiTable4, #mwContent {
			overflow: scroll;
			flex: 1;
		}
		.tableClass{
			font-size: 70px;
			letter-spacing: 5px;
		}
	}
	::v-deep .el-table th.el-table__cell, ::v-deep .el-table tr  {
		background-color: rgb(38, 80, 144);
		color: #fff;
	}
	
	::v-deep .el-table .cell {
		line-height: 120px;
	}
	.mw-content {
		// background: #fff;
		background-color: rgb(38, 80, 144);
		position: relative;
		font-size: 60px;
		letter-spacing: 5px;
		text-align: left;
		.el-row {
			padding: 20px;
			border-bottom: 1px solid #409EFF;
			.el-col {
				border-left: 1px solid #409EFF;
				border-right: 1px solid #409EFF;
			}
		}
	}
	// ::v-deep .el-carousel__item  {
	// 	width: 100vw;
	// 	height: 100vh;
	// }

	/* 隐藏滚动条 */
	::-webkit-scrollbar {
		width: 0 !important;
	}
	/* 滚动条背景颜色 */
	::-webkit-scrollbar {
		background-color: 0 !important;
	}
</style>
